<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="./css/task.css">
    <link rel="stylesheet" href="css/toast.css" />
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/toast.js"></script>
    <script src="js/config.js"></script>
    <title>任务详情</title>
</head>
<body>
    <div class="box">
        <!-- 头部 -->
        <div class="head">
            <div class="left">
                <div class="back">
                    <a href="./index.html" class="back mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>

                </div>
            </div>

            <div class="right">
                <h4>注册赚钱</h4>
                <p>①领取任务 ②按要求完成任务并提交③审核通过领现金</p>
                <p class="title-small">一次只能领取一个任务，完成或放弃后才可抢其他任务</p>

            </div>

        </div>


        <!-- 内容 -->

        <div class="content">
            <!--<div class="jiaocheng">-->
                <!--<div class="mui-slider visibileToggle">-->
                    <!--<div class="mui-slider-group gropRight">-->
                        <!--<div>-->
                            <!--&lt;!&ndash; 具体内容 &ndash;&gt;-->
                            <!--<div class="pto txt">-->

                                <!--<h4>详细教程</h4>-->
                                <!--<span>共<span class="bushu">5</span>步</span>-->
                            <!--</div>-->
                        <!--</div>-->



                        <!--<div class="mui-slider-item">-->
                            <!--&lt;!&ndash; 具体内容 &ndash;&gt;-->
                            <!--<div class="pto meng">-->
                                <!--<img class="img min" src="" alt="" data-preview-src="" data-preview-group="1" />-->
                                <!--<i class="inum">1</i>-->
                            <!--</div>-->
                        <!--</div>-->

                    <!--</div>-->


                <!--</div>-->

                <!--<div class="btn-wrapper">-->
                    <!--<div class="begin">-->

                        <!--<a class="btn-begin">开始任务</a>-->

                    <!--</div>-->

                    <!--<div class="end">-->

                        <!--<a class="end-begin">放弃任务</a>-->

                    <!--</div>-->
                <!--</div>-->

            <!--</div>-->




            <div class="message">
                <div class="m_tet">
                    <form class="mui-input-group" action="#" method="post">
                        <div class="mui-input-row">
                            <label>产品名字</label>
                            <input type="text" class=" shu5 mui-input-clear" placeholder="请输入产品名字"
                                   onfocus="this.placeholder=''" onblur="this.placeholder='请输入产品名字'">
                        </div>

                        <div class="mui-input-row">
                            <label>姓名</label>
                            <input type="text" class=" shu1 mui-input-clear" placeholder="注册所用姓名"
                                onfocus="this.placeholder=''" onblur="this.placeholder='注册所用姓名'">
                        </div>

                        <div class="mui-input-row">
                            <label>手机号</label>
                            <input type="number" class=" shu2 mui-input-clear" placeholder="注册所用手机号"
                                   onfocus="this.placeholder=''" onblur="upperCase()">

                        </div>

                        <div class="mui-input-row">
                            <label>身份证号码</label>
                            <input type="number" class=" shu3 mui-input-clear" placeholder="注册所用身份证号"
                                   onfocus="this.placeholder=''" onblur="isCardNo()">

                        </div>

                        <div class="mui-input-row">
                            <label>支付宝账号</label>
                            <input type="number" class=" shu4 mui-input-clear" placeholder="注册所用支付宝账号"
                                   onfocus="this.placeholder=''" onblur="this.placeholder='注册所用支付宝账号'">

                        </div>



                        <input id="formStatus" type="hidden" value="false">

                    </form>



                </div>


                <div class="jietu">



                    <h2 class="jietuTitle">上传截图</h2>

                    <div class="feedback">

                        <div class="dynamic_images">
                            <!--示例的图片-->
                            <div class="shili">

                                <ul class="shiliUl">
                                    <div class="shiliTxt">
                                        <h4>示例图片</h4>
                                        <span>共<span class="shiliShu">5</span>步</span>
                                    </div>

                                    <li>
                                        <img class="shiliImg" src="./images/2.jpg" alt="" />
                                    </li>



                                </ul>
                            </div>

                            <!--上传的图片-->
                            <ul>
                                <li id="tuList">

                                    <lable for="file"><input class="none" id="file" type="file" name="pictureA_file"
                                            accept="image/*;" /></lable>

                                </li>

                            </ul>
                        </div>
                    </div>


                </div>


                <div class="tijiao">


                    <a class="btn1">提交任务</a>
                </div>

                <div class="tip">任务提交后到账需要1-3个工作日</div>
            </div>



        </div>



    </div>

    <script src="./js/task.js"></script>
</body>
</html>